import { style } from '../../theme/style';
import { GLOBAL } from '../../config/global';
import {
	StyleSheet,
	PixelRatio
} from "react-native";

const scale = GLOBAL.SCALE;

export const cStyles = StyleSheet.create({
	text: {
		fontSize: 13 * scale,
		color: '#404040'
	},
	textBig: {
		fontSize: 14 * scale,
		color: '#404040'
	},
	textSuccess: {
		color: style.color.themeColor,
	},
	textQuantity: {
		fontSize: 18 * scale,
		color: '#4B4B4B'
	},
	textFail: {
		color: '#EE5D5D'
	},
	textGray: {
		color: '#8B8B8B'
	},
	pane: {
		width: 351 * scale,
		marginBottom: 12 * scale,
		paddingTop: 12 * scale,
		paddingLeft: 12 * scale,
		paddingRight: 12 * scale,
		paddingBottom: 12 * scale,
		backgroundColor: '#fff',
		borderRadius: 8,
		shadowColor: '#D2D2D2',
		shadowOffset: { width: 0, height: 2 * scale },
		shadowRadius: 4 * scale,
		shadowOpacity: 0.5,
	},
	paneAndroid: {
		borderColor: '#D2D2D2',
		borderWidth: 1 / PixelRatio.get(),
	},
	content: {
		width: 327 * scale,
	},
	cover: {
		width: '100%',
		height: '100%',
	},
});